<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
  <title>Backbone.js Todos</title>
  <link rel="stylesheet" href="css/todos.css"/>
  <link rel="shortcut icon" type="image/ico" href="favicon.ico">
</head>
<body>

<div id="todoapp">
  <header>
    <h1>工作清单</h1>
    <input id="new-todo" type="text" placeholder="你想干啥？">
  </header>
  <section id="main">
    <input id="toggle-all" type="checkbox">
    <label for="toggle-all">全部完成</label>
    <ul id="todo-list"></ul>
  </section>
  <footer>
    <a id="clear-completed">清除已完成项</a>
    <div id="todo-count"></div>
  </footer>
</div>

<div id="instructions">双击编辑每一项</div>

<script src="js/jbone.js"></script>
<script src="js/underscore.js"></script>
<script src="js/backbone.js"></script>
<script src="js/backbone.localStorage.js"></script>
<script src="js/todos.js"></script>

</body>
</html>
